<div class="page">
    <h1>多选列表 CheckList <span style="color:#FF5722">[即将弃用]</span></h1>
    <div class="line"></div>
    <h3 style="color:#FF5722">目前多选列表功能单一，不足以承载form表单元素操作,将在以后某个版本进行重构性质改造并迁移到 formElement 对象下</h3>
    <br>
    <div id="CheckList"></div>
    <br>
    <button type="button" type="button" class="layui-btn layui-btn-normal" id="get">取值</button>
    <pre class="line-numbers"><code class="language-js"> // 基本操作
var checkList = new icu.checkList({
    checkAll: true, // 是否显示全选
    getType: 'array', 
    // 进行赋值的数组
    data: [
        { name: '单选测试1', value: 'value1' },
        { name: '单选测试2', value: 'value2' },
        { name: '单选测试2', value: 'value2' }
    ],
});
// 渲染元素
this.$el.find('#CheckList').append(checkList.html)

// 取值方法
this.$el.find('#get').click(function () {
    // 取值
    checkList.get(function (value) {
        icu.alert.normal({
            text: JSON.stringify(value),
        })
    });
});</code></pre>

    <br>

    <pre class="line-numbers"><code class="language-js">// 全部参数属性
var checkList = new icu.checkList({
    checkAll: true, // 是否显示全选
    // 需要显示的字段值 string / function
    // 当属性为 function 时，将根据方法处理每一个复选元素的显示值
    showKey: 'name', 
    // 取值字段 'object' / 对象中的Key值
    // 当属性为 object 时，将返回选择的对象
    // 当 getKey 为对象中某个字段时，则返回选择的对象的值
    getKey: 'object', 
    // 取值类型 'array' / ',' / ';' 
    // 当值为array 时，返回选择的对象数组
    // 当为其他字符串时，将以 getKey 中的值拼接字符串进行返回
    getType: 'array', 
    // 进行赋值的数组
    data: [
        { name: '单选测试1', value: 'value1' },
        { name: '单选测试2', value: 'value2' },
        { name: '单选测试2', value: 'value2' }
    ],
    onChange: function (event, value, allValue) {
        // 当值进行改变时
        // event 当前选择的对象
        // value 当前对象改变的状态 true/false
        // allValue 当前全部选择的对象
        console.log(event, value, allValue);
    },
});
// 渲染元素
this.$el.find('#CheckList').append(checkList.html)

// 取值方法
this.$el.find('#get').click(function () {
    //取值
    checkList.get(function (value) {
        icu.alert.normal({
            text: JSON.stringify(value),
        })
    });
});

// 赋值方法
this.$el.find('#get').click(function () {
    //取值
    checkList.get(function (value) {
        icu.alert.normal({
            text: JSON.stringify(value),
        })
    });
});


</code></pre>


</div>